<template>
  <div class="bound">
    <!-- 绑定成功 -->
    <dl class="telsimg">
      <dt>
        <img src="../assets/bindT.png" alt />
      </dt>
      <dd>手机号绑定成功了！</dd>
    </dl>
    <button class="boundSure" @click="goHome">确定</button>
  </div>
</template>

<script>
export default {
  data(){
    return {
      doctor_id:""
    }
  },
  created(){
    this.doctor_id = this.$route.query.doctor_id;
    console.log(this.doctor_id)
  },
  methods:{
    goHome:function(){
      this.$router.push({name:'Home',query:{doctor_id:this.doctor_id}})
      window.location.reload();
      console.log(this.$router)
    }
  },
  watch:{
    "$route" (to,from){
      console.log( this.$router.push);
      console.log(66);
    }
  }
};
</script>
<style scoped>
.bound{
  text-align: center;
}
.telsimg {
  margin: 263px 0 60px;
  font-size: 36px;
}
.telsimg img {
  margin-bottom: 20px;
  width: 298px;
}
.boundSure {
  display: inline-block;
  width: 592px;
  height: 142px;
  line-height: 115px;
  background: url(../assets/btndeep.png);
  background-size: contain;
  font-size: 38px;
  font-weight: 500;
  color: #fff;
  letter-spacing: 30px;
  border: none;
}
</style>